<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>fhi_otdr</title>
	</head>
	<style type="text/css">
		@media screen and (min-width: 1200px) {
			html{
				font-size: 14px;
			}
		}
		@media screen and (max-width: 780px) {
			html{
				font-size: 12px;
			}
		}
		
		html,body{
			width: 100%;
			height: 100%;
			margin: 0;
			padding: 0;
		}
		.main{
			width: 100%;
			height: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			background: linear-gradient(60deg,#25325b,#35685b);
			/* background: radial-gradient(#fff,#93daff); */
		}
		.one-part{
			margin: 1rem;
			width: 10rem;
			height: 10rem;
			background: rgba(255,255,255,0.3);
			border-radius: 0.2rem;
			/* border:1px solid #b9b9b9; */
			color: #b0eaff;
			display: flex;
			font-size: 1.4rem;
			justify-content: center;
			align-items: center;
			box-shadow: 0 0 0.6rem #fff;
		}
		.one-part:hover{
			box-shadow: 0 0 0.9rem #ace0ff, inset 0 0 0.4rem #FFFFFF ;
		}
	</style>
	<body>
		<div class="main">
			<div class="one-part" onclick="gotoOtherPage(0)">
				<div class="content">
					DVS
				</div>
			</div>
			<div class="one-part" onclick="gotoOtherPage(1)">
				<div class="content">
					OTDR
				</div>
			</div>
		</div>
		<script type="text/javascript">
			function gotoOtherPage(type){
				if(type==0){
					location.href="http://127.0.0.1:8088"
				}else{
					// location.href="http://127.0.0.1:8089/loginNoAuto"
					location.href="http://127.0.0.1:8089/home";
				}
			}
		</script>
	</body>
</html>
